<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <title>首页</title>
    <link rel="stylesheet" href="libs/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/commen.css" />
    <link rel="stylesheet" href="css/index.css" />
    <script src="jQuery/jquery-3.3.1.min.js"></script>
    <style>
        /* .active {
            width: 212px;
            height: 132px;
            border: 4px solid #47a9e2;
            top: 10px;
            left: 15px;
            position: absolute;
        } */
    </style>
</head>

<body>
    <div class="container">
        <!-- 头部 -->
        <div class="header">
            <!-- 中部1200px的内容 -->
            <div class="content">
                <p><img src="images/home/email.png" alt="" /> 3282310250@qq.com</p>
                <p><img src="images/home/phone.png" alt="" /> 020-87210515</p>
                <!-- 清除浮动 -->
                <div class="clear"></div>
            </div>
        </div>

        <!-- 头部导航 -->
        <div class="nav">
            <img src="images/home/logo.jpg" alt="" class="logo" />
            <!-- ul>li*7>a -->
            <ul class="fl">
                <li class="active"><a href="index.html">网站首页</a></li>
                <li><a href="production.html">WMS产品</a></li>
                <li><a href="hardware_production.html">硬件产品</a></li>
                <li><a href="case_list.html">成功案例</a></li>
                <li><a href="video_center.html">视频中心</a></li>
                <li><a href="news_list.html">新闻资讯</a></li>
                <li><a href="contact.html">联系我们</a></li>
            </ul>
            <div class="search fr">
                <input type="text" name="search" id="" />
                <input type="image" src="images/home/search.png" alt="" />
            </div>
            <div class="clear"></div>
        </div>

        <!-- 广告位 -->
        <div class="ad">
            <img src="images/home/ad1.jpg" alt="" />
        </div>

        <!-- 我们的实力 -->
        <div class="strength">
            <h1 class="title">
                我们的实力
                <p>Our strength</p>
            </h1>
            <p class="desc">多年来始终本着“以信为本，以质取胜”的宗旨</p>
            <ul class="list">
                <li>
                    <img src="images/home/tubiao1.png" alt="" />
                    <h3>服务客户案例</h3>
                    <p class="number" data-max="200">0</p>
                    <p class="jia">+</p>
                    <p class="desc2">多年积累的客户案例资源</p>
                    <p class="desc2">经典案例历历在目</p>
                </li>
                <li>
                    <img src="images/home/tubiao2.png" alt="" />
                    <h3>服务客户案例</h3>
                    <p class="number" data-max="10">0</p>
                    <p class="jia">+</p>
                    <p class="desc2">多年积累的客户案例资源</p>
                    <p class="desc2">经典案例历历在目</p>
                </li>
                <li>
                    <img src="images/home/tubiao3.png" alt="" />
                    <h3>服务客户案例</h3>
                    <p class="number" data-max="60">0</p>
                    <p class="jia">+</p>
                    <p class="desc2">多年积累的客户案例资源</p>
                    <p class="desc2">经典案例历历在目</p>
                </li>
                <li>
                    <img src="images/home/tubiao4.png" alt="" />
                    <h3>服务客户案例</h3>
                    <p class="number" data-max="756">0</p>
                    <p class="jia">+</p>
                    <p class="desc2">多年积累的客户案例资源</p>
                    <p class="desc2">经典案例历历在目</p>
                </li>
            </ul>
        </div>

        <!-- WMS产品的优势 -->
        <div class="advantage">
            <div class="adv_content">
                <!-- WMS产品的优势左边部分 -->
                <div class="adv_con_left">
                    <h1>WMS产品的优势</h1>
                    <p>Hardware products</p>
                    <ul>
                        <li>
                            <img src="images/adv_ul_01.png" alt="" />
                            <p>管理便捷简单</p>
                        </li>
                        <li>
                            <img src="images/adv_ul_02.png" alt="" />
                            <p>精细化程度强</p>
                        </li>
                        <li>
                            <img src="images/adv_ul_03.png" alt="" />
                            <p>超高效率</p>
                        </li>
                        <li>
                            <img src="images/adv_ul_04.png" alt="" />
                            <p>适用范围更广</p>
                        </li>
                        <li>
                            <p>MORE<span>查看更多</span></p>
                            <img src="images/adv_ul_jiahao.png" alt="" />
                        </li>
                    </ul>
                </div>

                <!-- WMS产品的优势右边上部部分 -->
                <div class="adv_con_right_top">
                    <h1>PRODUCT ADVANTAGE</h1>
                    <p>WMS势在必行</p>
                    <p>WMS：强调过程管理，WMS仓库是面向过程控制管理。</p>
                </div>

                <!-- WMS产品的优势右边下部部分 -->
                <div class="adv_con_right_bottom swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="images/adv_con_right_bottom_bg.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="images/adv_con_right_bottom_bg.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="images/adv_con_right_bottom_bg.png" alt="">
                        </div>
                    </div>
                    <!-- <div class="swiper-pagination"></div> -->
                    <div class="swiper-button-prev"></div>
                    <!--左箭头。如果放置在swiper-container外面，需要自定义样式。-->
                    <div class="swiper-button-next swiper-button-hover"></div>
                    <!--右箭头。如果放置在swiper-container外面，需要自定义样式。-->

                    <!-- <img src="images/adv_arrow.png" alt="" /> -->
                </div>
            </div>
        </div>

        <!-- 视频中心 -->
        <div class="video_center">
            <div class="video_content">
                <h1>视频中心</h1>
                <div class="grey"></div>
                <p><span>VIDEO CENTER</span>品质保障是我们的运营理念</p>
                <div class="video_left">
                    <div class="video_hidden01"></div>
                    <img src="images/video_play01.png" alt="" />
                </div>
                <div class="video_right fr">
                    <div class="video_right_img">
                        <div class="video_hidden02"></div>
                        <img src="images/video_play02.png" alt="" />
                    </div>
                    <p><span>标题在这里</span>时候数据库来得及考虑设计奥克兰就但是克里斯呢看书你是可能了开电脑看来你流口水呢看来是这里有名字说明</p>
                    <img src="images/video_more.png" alt="">
                </div>
            </div>
        </div>

        <!-- 成功案例 -->
        <div class="success">
            <div class="content">
                <h3>成功案例</h3>
                <p class="info">SUCCESS CASE</p>
                <p class="desc">客户至上是我们的服务宗旨</p>
                <div class="more">
                    <img src="" alt="" />
                    <p>
                        查看更多
                        <span>MORE</span>
                    </p>
                </div>
                <ul>
                    <li>
                        <img src="images/home/case1.jpg" alt="" />
                        <div class="empty"></div>
                    </li>
                    <li>
                        <img src="images/home/case2.jpg" alt="" />
                        <div></div>
                    </li>
                    <li>
                        <img src="images/home/case3.jpg" alt="" />
                        <div></div>
                    </li>
                    <li>
                        <img src="images/home/case4.jpg" alt="" />
                        <div></div>
                    </li>
                </ul>
                <div class="clear"></div>
                <div class="bottomcontainer">
                    <div class="content_bottom" name="content_bottom">
                        <img src="images/home/case5.jpg" alt="" />
                        <div class="text">
                            <h1>盛世九九执行方案1</h1>
                            <p>
                                由于图书的品类繁多，仓库管理成了我们一直无法突破的难题，库存不精准，找货难，拣货效率低下，对人的依赖度高。
                            </p>
                            <p>
                                中间我们也曾尝试过其他ERP，但问题依然没有解决。很庆幸最终选择了聚水潭，目前库存管理精准，新老员工都可以直接上手仓库的工作，提高了人工效率，整个仓库焕然一新。
                            </p>
                            <h1>核心价值</h1>
                            <ol>
                                <li>1. 最大的优势是库存精准，管理精细化。</li>
                                <li>2. 解决了我们类别多的问题。</li>
                                <li>3. 上手速度快，仓库整洁有序。</li>
                            </ol>
                        </div>
                    </div>
                    <div class="content_bottom" name="content_bottom">
                        <img src="images/home/case6.jpg" alt="" />
                        <div class="text">
                            <h1>盛世九九执行方案2</h1>
                            <p>
                                由于图书的品类繁多，仓库管理成了我们一直无法突破的难题，库存不精准，找货难，拣货效率低下，对人的依赖度高。
                            </p>
                            <p>
                                中间我们也曾尝试过其他ERP，但问题依然没有解决。很庆幸最终选择了聚水潭，目前库存管理精准，新老员工都可以直接上手仓库的工作，提高了人工效率，整个仓库焕然一新。
                            </p>
                            <h1>核心价值</h1>
                            <ol>
                                <li>1. 最大的优势是库存精准，管理精细化。</li>
                                <li>2. 解决了我们类别多的问题。</li>
                                <li>3. 上手速度快，仓库整洁有序。</li>
                            </ol>
                        </div>
                    </div>
                    <div class="content_bottom" name="content_bottom">
                        <img src="images/home/case7.jpg" alt="" />
                        <div class="text">
                            <h1>盛世九九执行方案3</h1>
                            <p>
                                由于图书的品类繁多，仓库管理成了我们一直无法突破的难题，库存不精准，找货难，拣货效率低下，对人的依赖度高。
                            </p>
                            <p>
                                中间我们也曾尝试过其他ERP，但问题依然没有解决。很庆幸最终选择了聚水潭，目前库存管理精准，新老员工都可以直接上手仓库的工作，提高了人工效率，整个仓库焕然一新。
                            </p>
                            <h1>核心价值</h1>
                            <ol>
                                <li>1. 最大的优势是库存精准，管理精细化。</li>
                                <li>2. 解决了我们类别多的问题。</li>
                                <li>3. 上手速度快，仓库整洁有序。</li>
                            </ol>
                        </div>
                    </div>
                    <div class="content_bottom" name="content_bottom">
                        <img src="images/home/case8.jpg" alt="" />
                        <div class="text">
                            <h1>盛世九九执行方案4</h1>
                            <p>
                                由于图书的品类繁多，仓库管理成了我们一直无法突破的难题，库存不精准，找货难，拣货效率低下，对人的依赖度高。
                            </p>
                            <p>
                                中间我们也曾尝试过其他ERP，但问题依然没有解决。很庆幸最终选择了聚水潭，目前库存管理精准，新老员工都可以直接上手仓库的工作，提高了人工效率，整个仓库焕然一新。
                            </p>
                            <h1>核心价值</h1>
                            <ol>
                                <li>1. 最大的优势是库存精准，管理精细化。</li>
                                <li>2. 解决了我们类别多的问题。</li>
                                <li>3. 上手速度快，仓库整洁有序。</li>
                            </ol>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <!-- 新闻中心 -->
        <div class="news_body">
            <div class="news_top">
                <div class="news_content">
                    <h1 class="title">新闻中心<p>NEWS</p>
                    </h1>
                    <p class="desc">带你看更详细的企业以及行业动态</p>
                    <ul>
                        <li class="news_contentliactive">企业动态</li>
                        <li>行业动态</li>
                        <li>条码知识</li>
                    </ul>
                    <div class="newscontainer">
                        <div class="newslist " name="newslist">
                            <div class="left">
                                <p>
                                    2018
                                </p>
                                <p>
                                    <span>wms仓库管理系统能为你的仓库做些什么？</span>
                                    <span>wms仓库管理系统能为你的仓库做些什么......</span>
                                </p>
                                <p>07/27</p>
                                <p></p>
                                <img src="images/home/news.jpg" alt="" />
                            </div>
                            <div class="news_list">
                                <ul>
                                    <li>
                                        <p>07/26<span class="time">2018</span></p>
                                        <p>
                                            落后的仓库管理方式，你的仓库占几条？<span>wms仓库管理系统能为你的仓库做些什么......</span>
                                        </p>
                                        <div class="clear"></div>
                                    </li>
                                    <li>
                                        <p>07/22<span class="time">2018</span></p>
                                        <p>
                                            落后的仓库管理方式，你的仓库占几条？<span>wms仓库管理系统能为你的仓库做些什么......</span>
                                        </p>
                                        <div class="clear"></div>
                                    </li>
                                    <li>
                                        <p>07/20<span class="time">2018</span></p>
                                        <p>
                                            落后的仓库管理方式，你的仓库占几条？<span>wms仓库管理系统能为你的仓库做些什么......</span>
                                        </p>
                                        <div class="clear"></div>
                                    </li>
                                    <li>
                                        <p>07/17<span class="time">2018</span></p>
                                        <p>
                                            落后的仓库管理方式，你的仓库占几条？<span>wms仓库管理系统能为你的仓库做些什么......</span>
                                        </p>
                                        <div class="clear"></div>
                                    </li>
                                    <li>
                                        <p>07/13<span class="time">2018</span></p>
                                        <p>
                                            落后的仓库管理方式，你的仓库占几条？<span>wms仓库管理系统能为你的仓库做些什么......</span>
                                        </p>
                                        <div class="clear"></div>
                                    </li>
                                </ul>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="newslist" name="newslist">
                            <div class="left">
                                <p>
                                    2019
                                </p>
                                <p>
                                    <span>wms仓库管理系统能为你的仓库做些什么？</span>
                                    <span>wms仓库管理系统能为你的仓库做些什么......</span>
                                </p>
                                <p>07/26</p>
                                <p></p>
                                <img src="images/home/news1.jpg" alt="" />
                            </div>
                            <div class="news_list">
                                <ul>
                                    <li>
                                        <p>07/26<span class="time">2018</span></p>
                                        <p>
                                            落后的仓库管理方式，你的仓库占几条？<span>wms仓库管理系统能为你的仓库做些什么......</span>
                                        </p>
                                        <div class="clear"></div>
                                    </li>
                                    <li>
                                        <p>07/22<span class="time">2018</span></p>
                                        <p>
                                            落后的仓库管理方式，你的仓库占几条？<span>wms仓库管理系统能为你的仓库做些什么......</span>
                                        </p>
                                        <div class="clear"></div>
                                    </li>
                                    <li>
                                        <p>07/20<span class="time">2018</span></p>
                                        <p>
                                            落后的仓库管理方式，你的仓库占几条？<span>wms仓库管理系统能为你的仓库做些什么......</span>
                                        </p>
                                        <div class="clear"></div>
                                    </li>
                                    <li>
                                        <p>07/17<span class="time">2018</span></p>
                                        <p>
                                            落后的仓库管理方式，你的仓库占几条？<span>wms仓库管理系统能为你的仓库做些什么......</span>
                                        </p>
                                        <div class="clear"></div>
                                    </li>
                                    <li>
                                        <p>07/13<span class="time">2018</span></p>
                                        <p>
                                            落后的仓库管理方式，你的仓库占几条？<span>wms仓库管理系统能为你的仓库做些什么......</span>
                                        </p>
                                        <div class="clear"></div>
                                    </li>
                                </ul>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="newslist" name="newslist">
                            <div class="left">
                                <p>
                                    2020
                                </p>
                                <p>
                                    <span>wms仓库管理系统能为你的仓库做些什么？</span>
                                    <span>wms仓库管理系统能为你的仓库做些什么......</span>
                                </p>
                                <p>07/25</p>
                                <p></p>
                                <img src="images/home/news2.jpg" alt="" />
                            </div>
                            <div class="news_list">
                                <ul>
                                    <li>
                                        <p>07/26<span class="time">2018</span></p>
                                        <p>
                                            落后的仓库管理方式，你的仓库占几条？<span>wms仓库管理系统能为你的仓库做些什么......</span>
                                        </p>
                                        <div class="clear"></div>
                                    </li>
                                    <li>
                                        <p>07/22<span class="time">2018</span></p>
                                        <p>
                                            落后的仓库管理方式，你的仓库占几条？<span>wms仓库管理系统能为你的仓库做些什么......</span>
                                        </p>
                                        <div class="clear"></div>
                                    </li>
                                    <li>
                                        <p>07/20<span class="time">2018</span></p>
                                        <p>
                                            落后的仓库管理方式，你的仓库占几条？<span>wms仓库管理系统能为你的仓库做些什么......</span>
                                        </p>
                                        <div class="clear"></div>
                                    </li>
                                    <li>
                                        <p>07/17<span class="time">2018</span></p>
                                        <p>
                                            落后的仓库管理方式，你的仓库占几条？<span>wms仓库管理系统能为你的仓库做些什么......</span>
                                        </p>
                                        <div class="clear"></div>
                                    </li>
                                    <li>
                                        <p>07/13<span class="time">2018</span></p>
                                        <p>
                                            落后的仓库管理方式，你的仓库占几条？<span>wms仓库管理系统能为你的仓库做些什么......</span>
                                        </p>
                                        <div class="clear"></div>
                                    </li>
                                </ul>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="news_bottom"></div>
        </div>

        <!-- 合作企业 -->
        <div class="partner" style="height: 884px;">
            <div class="partner_top">
                <div class="partner_content">
                    <h1 class="title">
                        合作企业
                        <p>COOPERATION PARTNER</p>
                    </h1>
                    <p class="desc">
                        他们是我们成长的力量，携手共赢是我们共同追求的结果
                    </p>
                    <ul>
                        <li>
                            <img src="images/partner_2.png" alt="" class="" />
                            <img src="images/partner_2_active.png" alt="" class="hid" />
                        </li>
                        <li>
                            <img src="images/partner_2.png" alt="" class="" />
                            <img src="images/partner_2_active.png" alt="" class="hid" />
                        </li>
                        <li>
                            <img src="images/partner_3.png" alt="" class="" />
                            <img src="images/partner_2_active.png" alt="" class="hid" />
                        </li>
                        <li>
                            <img src="images/partner_4.png" alt="" class="" />
                            <img src="images/partner_2_active.png" alt="" class="hid" />
                        </li>
                        <li>
                            <img src="images/partner_5.png" alt="" class="" />
                            <img src="images/partner_2_active.png" alt="" class="hid" />
                        </li>
                        <li>
                            <img src="images/partner_6.png" alt="" class="" />
                            <img src="images/partner_2_active.png" alt="" class="hid" />
                        </li>
                        <li>
                            <img src="images/partner_7.png" alt="" class="" />
                            <img src="images/partner_2_active.png" alt="" class="hid" />
                        </li>
                        <li>
                            <img src="images/partner_8.png" alt="" class="" />
                            <img src="images/partner_2_active.png" alt="" class="hid" />
                        </li>
                        <li>
                            <img src="images/partner_9.png" alt="" class="" />
                            <img src="images/partner_2_active.png" alt="" class="hid" />
                        </li>
                        <li>
                            <img src="images/partner_10.png" alt="" class="" />
                            <img src="images/partner_2_active.png" alt="" class="hid" />
                        </li>
                        <li>
                            <img src="images/partner_11.png" alt="" class="" />
                            <img src="images/partner_2_active.png" alt="" class="hid" />
                        </li>
                        <li>
                            <img src="images/partner_12.png" alt="" class="" />
                            <img src="images/partner_2_active.png" alt="" class="hid" />
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 底部联系我们 -->
        <div class="bottom">
            <div class="partner_bottom">
                <div class="bottom_content">
                    <!-- 底部你的联系方式块 -->
                    <div class="contact_person">
                        <p>请留下您的联系方式：</p>
                        <ul>
                            <li>
                                <p>姓名:</p>
                                <input type="text" id="uname" placeholder="请输入你的真实姓名" />
                            </li>
                            <li>
                                <p>联系电话:</p>
                                <input type="text" id="telephone" placeholder="请输入你的联系电话" />
                            </li>
                            <li>
                                <p>邮箱:</p>
                                <input type="text" id="email" placeholder="请输入你绑定的邮箱" />
                            </li>
                            <li><input type="submit" value="提交" name="submit" id="submit" /></li>
                        </ul>
                    </div>
                    <!-- 底部友情链接块 -->
                    <div class="friendly_link">
                        <h5>友情链接：</h5>
                        <ul>
                            <a href="#">
                                <li>仓库管理系统</li>
                            </a>
                            <a href="#">
                                <li>进项发票接口</li>
                            </a>
                            <a href="#">
                                <li>轮毂修复</li>
                            </a>
                            <a href="#">
                                <li>微信分销系统</li>
                            </a>
                            <a href="#">
                                <li>天猫转让平台</li>
                            </a>
                            <a href="#">
                                <li>仓库管理软件</li>
                            </a>
                            <a href="#">
                                <li>ERP条码集成系统 </li>
                            </a>
                            <a href="#">
                                <li>会员管理系统</li>
                            </a>
                            <a href="#">
                                <li>礼品商城</li>
                            </a>
                            <a href="#">
                                <li>NB-IoT调制器</li>
                            </a>
                            <a href="#">
                                <li>WMS仓库管理系统</li>
                            </a>
                            <a href="#">
                                <li>美容美发管理软件</li>
                            </a>
                            <a href="#">
                                <li>大地系统</li>
                            </a>
                            <a href="#">
                                <li>重庆网络营销</li>
                            </a>
                        </ul>
                        <div class="clear"></div>
                        <h5>网站导航：</h5>
                        <ul>
                            <li>网站⾸页</li>
                            <li>WMS产品</li>
                            <li>硬件产品</li>
                            <li>成功案例</li>
                            <li>合作伙伴</li>
                            <li>新闻资讯</li>
                            <li>联系我们</li>
                        </ul>
                        <div class="clear"></div>
                        <hr />
                        <p>
                            Copyright © 2016 广州迈维自动识别技术有限公司
                            <span>粤ICP备09131601号-3</span>
                        </p>
                    </div>

                    <!-- 底部蓝色块 -->
                    <div class="contact_compony">
                        <h1>联系<span>我们</span></h1>
                        <p class="desc">CONTACT US</p>
                        <h5>广州迈维自动识别技术有限公司</h5>
                        <ul>
                            <li>
                                <img src="images/phone.png" alt="" />
                                <p>迈维咨询热线：020-87210515</p>
                            </li>
                            <li>
                                <img src="images/mobile.png" alt="" />
                                <p>手机：18924190335</p>
                            </li>
                            <li>
                                <img src="images/qq.png" alt="" />
                                <p>客服QQ：3282310250</p>
                            </li>
                            <li>
                                <img src="images/fax.png" alt="" />
                                <p>公司传真：020-87210505</p>
                            </li>
                            <li>
                                <img src="images/emailnumber.png" alt="" />
                                <p>公司邮编：510507</p>
                            </li>
                            <li>
                                <img src="images/wechat.png" alt="" />
                                <p>微信公众号：Merway-gz</p>
                            </li>
                            <li>
                                <img src="images/address.png" alt="" />
                                <p>
                                    地址：广州高新技术产业开发区科学城南翔二路72号易翔科技园D栋203
                                </p>
                            </li>
                        </ul>
                    </div>

                    <img src="images/bottom_shuiyin.png" alt="" />
                </div>
            </div>
            <div class="clear"></div>
        </div>


        <script src="jQuery/jquery-3.3.1.min.js"></script>
        <script src="libs/swiper/js/swiper.min.js"></script>
        <script src="js/main.js"></script>
        <script>
            var swiper1 = new Swiper('.adv_con_right_bottom', {
                direction: 'vertical',
                autoplay: true,
                loop: true,
                delay: 3000,
                stopOnLastSlide: false,
                // pagination: {
                //     el: '.swiper-pagination',
                // },
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            })
        </script>
    </div>
</body>

</html>